<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>北京市慈善义工注册表</title>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/ec.css" rel="stylesheet">
    <link href="css/list.css" rel="stylesheet">
</head>
<body>

<!-- 主要内容 -->
<div class="print">
    <!--<div class="volt-title container">-->
        <!--<P class="fl">义工管理</P>-->
        <!--&lt;!&ndash;<P class="fr">首页>小义工>宣传窗</P>&ndash;&gt;-->
    <!--</div>-->
    <div class="container">
        <p class="printTitle">北京市慈善义工注册表</p>
        <table class="printTable">
            <tr>
                <td>姓<span class="printTwo"></span>名</td>
                <td><p class="printInput">张三</p> </td>
                <td>性<span class="printTwo"></span>别</td>
                <td><p class="printInput">男</p></td>
                <td>出生年月</td>
                <td><p class="printInput">2017-01-01</p></td>
                <td rowspan="4">
                    <img src="images/index/01.png" />
                </td>
            </tr>
            <tr>
                <td>户&nbsp;籍&nbsp;地</td>
                <td><p class="printInput">广西</p></td>
                <td>政治面貌</td>
                <td><p class="printInput">群众</p></td>
                <td>宗教信仰</td>
                <td><p class="printInput">无</p></td>
            </tr>
            <tr>
                <td>文化程度</td>
                <td><p class="printInput">学前</p></td>
                <td>民<span class="printTwo"></span>族</td>
                <td><p class="printInput">汉</p></td>
                <td>婚姻状况</td>
                <td><p class="printInput">未婚</p></td>
            </tr>
            <tr>
                <td>工作单位</td>
                <td colspan="3"><p class="printInput">单位暂无</p></td>
                <td>职务或职称</td>
                <td><p class="printInput">暂无职务</p></td>
            </tr>
            <tr>
                <td>身份证号码</td>
                <td colspan="3"><p class="printInput">120201201701014532</p></td>
                <td>电子邮箱</td>
                <td colspan="2"><p class="printInput">123@163.com</p></td>
            </tr>
            <tr>
                <td>网<span class="printTwo"></span>名</td>
                <td><p class="printInput">张三三</p></td>
                <td colspan="2" class="printQQ">
                    <span class="printQQ fl">QQ</span>
                    <p class="printQQNum printInput fl">12345678910</p>
                </td>
                <td>MSN</td>
                <td colspan="2"><p class="printInput">无</p></td>
            </tr>
            <tr>
                <td>联系电话</td>
                <td colspan="6">
                    <div class="fl tel"><span class="fl">手机：</span><p class="printInput">18912345678</p></div>
                    <div class="fl tel"><span class="fl">办公：</span><p class="printInput">400-12345678</p></div>
                    <div class="fl tel"><span class="fl">住宅：</span><p class="printInput">010-12345678</p></div>
                </td>
            </tr>
            <tr>
                <td>家庭地址</td>
                <td colspan="6"><p class="printInput text-left pl10 pr10">广西壮族自治区</p></td>
            </tr>
            <tr>
                <td>加入任何社会<br>组织或团体</td>
                <td colspan="6"><p class="printInput world text-left pl10 pr10">无</p></td>
            </tr>
            <tr>
                <td>工作经历及<br>社会经历</td>
                <td colspan="6"><p class="printInput world">暂无经历</p></td>
            </tr>
            <tr>
                <td>目前工作状况</td>
                <td colspan="3">
                    <div class="print-radio regDay">
                        <div class="radioLabel">
                            <input id="dayAll" type="radio" name="regDay" /><label for="dayAll"></label>
                        </div>
                        <label class="mr30" for="dayAll">全日</label>
                        <div class="radioLabel">
                            <input id="dayHalf" type="radio" name="regDay" /><label for="dayHalf"></label>
                        </div>
                        <label class="mr30" for="dayHalf">半日</label>
                        <div class="radioLabel">
                            <input id="dayNo" type="radio" name="regDay" checked /><label for="dayNo"></label>
                        </div>
                        <label for="dayNo">赋闲</label>
                    </div>
                </td>
                <td>可能服务时间</td>
                <td colspan="2"><p class="printInput text-left pl10 pr10">无</p></td>
            </tr>
            <tr>
                <td>爱好特长</td>
                <td colspan="6"><p class="printInput text-left pl10 pr10">玩</p></td>
            </tr>
            <tr>
                <td>希望首先考虑参加的义工服务项目</td>
                <td colspan="6">
                    <div class="fl w40 print-serve">
                        <div class="fl print-radio">
                            <div class="radioLabel">
                                <input id="serve-1" type="radio" name="serve" /><label for="serve-1"></label>
                            </div>
                            <label for="serve-1">公共服务</label>
                        </div>
                        <div class="fl print-radio">
                            <div class="radioLabel">
                                <input id="serve-2" type="radio" name="serve" /><label for="serve-2"></label>
                            </div>
                            <label for="serve-2">为小服务</label>
                        </div>
                        <div class="fl print-radio">
                            <div class="radioLabel">
                                <input id="serve-3" type="radio" name="serve" /><label for="serve-3"></label>
                            </div>
                            <label for="serve-3">法律服务</label>
                        </div>
                        <div class="fl print-radio">
                            <div class="radioLabel">
                                <input id="serve-4" type="radio" name="serve" /><label for="serve-4"></label>
                            </div>
                            <label for="serve-4">心理服务</label>
                        </div>
                        <div class="fl print-radio">
                            <div class="radioLabel">
                                <input id="serve-5" type="radio" name="serve" /><label for="serve-5"></label>
                            </div>
                            <label for="serve-5">为老服务</label>
                        </div>
                        <div class="fl print-radio">
                            <div class="radioLabel">
                                <input id="serve-6" type="radio" name="serve" /><label for="serve-6"></label>
                            </div>
                            <label for="serve-6">环保服务</label>
                        </div>
                    </div>
                    <div class="fl print-radio other">
                        <div class="radioLabel">
                            <input id="serve-7" type="radio" name="serve" checked /><label for="serve-7"></label>
                        </div>
                        <label for="serve-7">其他服务（注明）</label><br>
                        <span class="fl ml20"><p class="causeTxt">健康成长</p></span>
                        <span class="fl ml20"><p class="causeTxt">健康成长</p></span>

                    </div>
                    <div class="other">
                        <span class="fl ml10 w40 pr20"><p class="causeTxt"></p></span>
                        <span class="fl ml20"><p class="causeTxt"></p></span>
                        <span class="fl ml20"><p class="causeTxt"></p></span>
                    </div>

                </td>
            </tr>
            <tr>
                <td colspan="7">
                    <p class="printCard">身份证复印件</p>
                    <p class="fl printCopy">正面粘贴处</p>
                    <p class="fl printCopy">反面粘贴处</p>
                </td>
            </tr>
        </table>
        <div class="fr printDate">
            <p class="fl">申请日期：</p>
            <p class="printLine fl">2017</p>
            <p class="fl">年</p>
            <p class="printLine fl">11</p>
            <p class="fl">月</p>
            <p class="printLine fl">27</p>
            <p>日</p>
        </div>

    </div>
    <div class="container printBtnDiv">
        <input type="button" class="printBtn" onClick="printDiv();" value=" 打印 ">
    </div>
</div>

</body>

<script type="text/javascript" charset="utf-8" src="../plugin/jquery/jquery-1.8.3.js"></script>
</html>
<script language="javascript">
//    $(document).ready(function() {
////          日期
//        $('#date').daterangepicker({
//                format: 'YYYY-MM-DD',
//                singleDatePicker: true,
//                showDropdowns: true,
//                endDate:'2017-01-01',
//                minDate:'1960/01/01'
//            },
//            function(start, end, label) {
//                alert('A date range was chosen: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
//            }
//
//        );
//    });
////    照片
//    $('.upload').dropify();
//    //    服务项目其他
//    $('.print-radio input[type=radio]').each(function () {
//        $(this).on('click',function () {
//            if($('.other input[type=radio]').prop('checked')){
//                $('.causeTxt').removeAttr('disabled')
//            }else {
//                $('.causeTxt').prop('disabled','disabled');
//            }
//        });
//    });
//    打印
    function printDiv(){
        window.print();
    }
</script>
